<!DOCTYPE html>
<html lang="zh-cn">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>常用标签</title>
</head>

<body>
    <!--
    1、HTML标签和元素
        <font size='7' color="red">我是大帅哥</font> 
        <input type="text" readonly>
    2、HTML语法不区分大小写
    3、HTML标签属性
        我是大帅哥<hr color="700" width="800">妹子是大美女
    4、HTML颜色值的设置
        直接使用英文单词：blue
        使用十六进制的颜色值：#000000 #FFFFFF
        使用函数 rgb(123,234,124) rgba(123,242,111,0.3) 0~255
    5、HTML文档注释
    6、HTML代码格式
    7、字符实体（转义字符）
    &lt; <
    &gt; >
    &copy; © 
    &nbsp; 空格
    -->
    <font size="300px" color="#123456">我是大帅哥</font>
    <p style="color: #345678;">我是大帅哥</p>
    &lt;&copy; &nbsp; &nbsp; &nbsp; &nbsp; &copy;&gt;
    <!-- 
        ol 有序列表
        ul 无序列表
        li 列表项 通常与ol和ul一起使用
    -->
    <ol>
        <li>列表项01</li>
        <li>列表项02</li>
        <li>列表项03</li>
        <li>列表项04</li>
        <li>列表项05</li>
    </ol>
    <!-- start只针对type类型为number有效 -->
    <ol type="1" start="5">
        <li>列表项01</li>
        <li>列表项02</li>
        <li>列表项03</li>
        <li>列表项04</li>
        <li>列表项05</li>
    </ol>
    <ol type="A" start="H">
        <li>列表项01</li>
        <li>列表项02</li>
        <li>列表项03</li>
        <li>列表项04</li>
        <li>列表项05</li>
    </ol>
    <ol type="a" start="h">
        <li>列表项01</li>
        <li>列表项02</li>
        <li>列表项03</li>
        <li>列表项04</li>
        <li>列表项05</li>
    </ol>
    <ol type="I">
        <li>列表项01</li>
        <li>列表项02</li>
        <li>列表项03</li>
        <li>列表项04</li>
        <li>列表项05</li>
        <li>列表项06</li>
        <li>列表项07</li>
        <li>列表项08</li>
        <li>列表项09</li>
        <li>列表项10</li>
    </ol>
    <ol type="i">
        <li>列表项01</li>
        <li>列表项02</li>
        <li>列表项03</li>
        <li>列表项04</li>
        <li>列表项05</li>
        <li>列表项06</li>
        <li>列表项07</li>
        <li>列表项08</li>
        <li>列表项09</li>
        <li>列表项10</li>
    </ol>
    <ul>
        <li>导航</li>
        <li>导航</li>
        <li>导航</li>
        <li>导航</li>
        <li>导航</li>
    </ul>
</body>

</html>